/*
 * @ author: 汪孟苹
 */
@charset "utf-8";
/***************** 公共 *****************/
i {
	font-style: normal;
}
li {
	list-style: none;
}
/***************** 动态表单 *****************/

/********** 控件公共css begin **********/
.qaCard.form-group {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
	font-size: 12px;
}
.qaCard .control-label {
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 9em;  /* 8+1 */
	color: #4f6e7e;
	line-height: 1.66666666;
}
.qaCard .control-label.left {
	text-align: left;
}
.qaCard .control-label.center {
	text-align: center;
}
.qaCard .control-label.right {
	text-align: right;
}
.qaCard .control-input {
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-left: 9em;
	margin-right: 20px;
}
.qaCard .checkbox,
.qaCard .radio {
	min-height: 36px;
}
.qaCard .checkbox label,
.qaCard .radio label {
	padding-top: 0px;
	line-height: 1.66666666;
}
.qaCard .checkbox .checkbox-inline,
.qaCard .radio .radio-inline {
	margin-left: 10px;
}
.qaCard input[type='text'],
.qaCard input[type='tel'],
.qaCard input[type='date'],
.qaCard select,
.qaCard p.form-control-static:not(.form-control-static-textarea) {
	min-height: 36px;
	overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}
.qaCard p.form-control-static.form-control-static-textarea {
	min-height: 66px;
	overflow-y: auto;
}
.qaCard p.form-control-static {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.66666666;
}
/********** 控件公共css end **********/

/********** 1、group分类 begin **********/
/* 1.1、group begin (组题型) */
.qaCard-subtit {
	margin: 5px 0 15px;
	padding: 0;
    color: #4f6e7e;
}
.qaCard-subtit > div {
	border-left: 3px solid #55c8ac;
	padding-left: 10px;
	font-size: 15px;
	line-height: 25px;
}
/* 1.1、group end */
/* 1.2、groupCollapse begin (带隐藏显示的组题型) */
.qaCard-groupCollapse .qaCard-subtit {
	cursor: pointer;
}
/* 1.2、groupCollapse end */
/********** 1、group分类 end **********/

/********** 2、base分类 begin **********/
/* 2.1、sudoku (九宫格题型) begin */
.sudoku {
	position: relative;
}
.sudoku-input {
	position: relative;
}
.sudoku-input > input.form-control {
	padding-right: 44px;
}
.sudoku-dropdown-toggle {
	position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-left: solid 1px #ccc;
}
.sudoku-dropdown-toggle.readonly {
    border-left: solid 1px #eee;
}
.sudoku-dropdown-toggle.clickable {
	cursor: pointer;
}
.sudoku-dropdown {
	display: none;
	z-index: 1;
	position: absolute;
	margin-bottom: 0;
	padding-left: 0;
	width: 100%;
	background: #fff;
	border-left: solid 1px #ccc;
}
.sudoku-dropdown > li {
	float: left;
	width: 33.333333%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #fff;
}
.sudoku-dropdown > li.clickable {
	cursor: pointer;
}
.sudoku-dropdown > li.clickable:hover,
.sudoku-dropdown > li.clickable.active {
	color: #fff;
	background: #337ab7;
}
/* 2.1、sudoku (九宫格题型) end */
/* 2.2、gestation (孕周题型) begin */
.qaCard-gestation .multiple,
.qaCard-gestation .multiple select,
.qaCard-gestation .multiple p.form-control-static{
	float: left;
}
.qaCard-gestation .multiple span{
	display: block;
	float: left;
	text-align: center;
	line-height: 36px;
}
/* 2.2、gestation (孕周题型) end */
/* 2.3、address (地址题型) begin */
.qaCard-multiSelect .multiple,
.qaCard-multiSelect .multiple select,
.qaCard-multiSelect .multiple p.form-control-static{
	float: left;
}
.qaCard-multiSelect .multiple span{
	display: block;
	float: left;
	text-align: center;
	line-height: 36px;
}
/* 2.3、address (地址题型) end */
/********** 2、base分类 end **********/

/********** 3、needAjax分类 begin **********/
/* 3.1、autocomplete (自动搜索题型【根据手机号、姓名、档案编号、身份证号查询】) begin */
.qaCard-autocomplete {	
	position: relative;
}
.qaCard-autocomplete .patientsList {
	display: none;
    position: absolute;
    top: 36px;
    left: 7px;
    z-index: 111;
    width: calc(100% - 14px);
    border: solid 1px #ddd;
    background: #fff;
}
.qaCard-autocomplete .patientsList ul {
    padding: 0px 0;
    margin-bottom: 0;
}
.qaCard-autocomplete .patientsList ul > li {
    line-height: 1.5;
    color: #666;
    text-align: center;
    cursor: pointer;
}
.qaCard-autocomplete .patientsList ul > li:hover {
    background: #f2f2f2;
} 
.qaCard-autocomplete .patientsList ul > li.addPatientBtn {
    color: #38B0BB;
}
.qaCard-autocomplete .patientsList ul > li.addPatientBtn i{
    margin-right: 5px;
}
.qaCard-autocomplete .patientsList ul > li > span.girl {
    color: #FF668F;
}
.qaCard-autocomplete .patientsList ul > li > span.boy {
    color: #33AEEC;
}
/* 3.1、autocomplete end */
/* 3.2、calc(生长发育评估题型) begin */
.qaCard-inputGroup .input-group-btn button {
	padding: 7px 12px;
	color: #55C7AD;
}
.qaCard-inputGroup .input-group-btn button.btn-default:hover,
.qaCard-inputGroup .input-group-btn button.btn-default:focus {
    background-color: #e6e6e6;
    border-color: #ccc;
}
.curveModal .modal-body {
	min-height: 470px;
}
.curveModal .modal-body .curve {
	width: 568px;
	height: 470px;
}
/* 3.2、calc(生长发育评估题型) end */
/********** 3、needAjax分类 end **********/

/********** begin (label的长度动态变化) **********/
.grid-label-0 .control-label {
	width: 0;
}
.grid-label-0 .control-input {
	margin-left: 0;
}
.grid-label-1 .control-label {
	width: 2em;
}
.grid-label-1 .control-input {
	margin-left: 2em;
}
.grid-label-2 .control-label {
	width: 3em;
}
.grid-label-2 .control-input {
	margin-left: 3em;
}
.grid-label-3 .control-label {
	width: 4em;
}
.grid-label-3 .control-input {
	margin-left: 4em;
}
.grid-label-4 .control-label {
	width: 5em;
}
.grid-label-4 .control-input {
	margin-left: 5em;
}
.grid-label-5 .control-label {
	width: 6em;
}
.grid-label-5 .control-input {
	margin-left: 6em;
}
.grid-label-6 .control-label {
	width: 7em;
}
.grid-label-6 .control-input {
	margin-left: 7em;
}
.grid-label-7 .control-label {
	width: 8em;
}
.grid-label-7 .control-input {
	margin-left: 8em;
}
.grid-label-8 .control-label {
	width: 9em;
}
.grid-label-8 .control-input {
	margin-left: 9em;
}
.grid-label-9 .control-label {
	width: 10em;
}
.grid-label-9 .control-input {
	margin-left: 10em;
}
.grid-label-10 .control-label {
	width: 11em;
}
.grid-label-10 .control-input {
	margin-left: 11em;
}
.grid-label-11 .control-label {
	width: 12em;
}
.grid-label-11 .control-input {
	margin-left: 12em;
}
.grid-label-12 .control-label {
	width: 13em;
}
.grid-label-12 .control-input {
	margin-left: 13em;
}
.grid-label-13 .control-label {
	width: 14em;
}
.grid-label-13 .control-input {
	margin-left: 14em;
}
.grid-label-14 .control-label {
	width: 15em;
}
.grid-label-14 .control-input {
	margin-left: 15em;
}
.grid-label-15 .control-label {
	width: 16em;
}
.grid-label-15 .control-input {
	margin-left: 16em;
}
.grid-label-16 .control-label {
	width: 17em;
}
.grid-label-16 .control-input {
	margin-left: 17em;
}
.grid-label-17 .control-label {
	width: 18em;
}
.grid-label-17 .control-input {
	margin-left: 18em;
}
.grid-label-18 .control-label {
	width: 19em;
}
.grid-label-18 .control-input {
	margin-left: 19em;
}
.grid-label-19 .control-label {
	width: 20em;
}
.grid-label-19 .control-input {
	margin-left: 20em;
}
.grid-label-20 .control-label {
	width: 21em;
}
.grid-label-20 .control-input {
	margin-left: 21em;
}
.grid-label-21 .control-label {
	width: 22em;
}
.grid-label-21 .control-input {
	margin-left: 22em;
}
.grid-label-22 .control-label {
	width: 23em;
}
.grid-label-22 .control-input {
	margin-left: 23em;
}
.grid-label-23 .control-label {
	width: 24em;
}
.grid-label-23 .control-input {
	margin-left: 24em;
}
.grid-label-24 .control-label {
	width: 25em;
}
.grid-label-24 .control-input {
	margin-left: 25em;
}
.grid-label-25 .control-label {
	width: 26em;
}
.grid-label-25 .control-input {
	margin-left: 26em;
}
.grid-label-26 .control-label {
	width: 27em;
}
.grid-label-26 .control-input {
	margin-left: 27em;
}
.grid-label-27 .control-label {
	width: 28em;
}
.grid-label-27 .control-input {
	margin-left: 28em;
}
.grid-label-28 .control-label {
	width: 29em;
}
.grid-label-28 .control-input {
	margin-left: 29em;
}
.grid-label-29 .control-label {
	width: 30em;
}
.grid-label-29 .control-input {
	margin-left: 30em;
}
.grid-label-30 .control-label {
	width: 31em;
}
.grid-label-30 .control-input {
	margin-left: 31em;
}
.grid-label-31 .control-label {
	width: 32em;
}
.grid-label-31 .control-input {
	margin-left: 32em;
}
.grid-label-32 .control-label {
	width: 33em;
}
.grid-label-32 .control-input {
	margin-left: 33em;
}
.grid-label-33 .control-label {
	width: 34em;
}
.grid-label-33 .control-input {
	margin-left: 34em;
}
.grid-label-34 .control-label {
	width: 35em;
}
.grid-label-34 .control-input {
	margin-left: 35em;
}
.grid-label-35 .control-label {
	width: 36em;
}
.grid-label-35 .control-input {
	margin-left: 36em;
}
.grid-label-36 .control-label {
	width: 37em;
}
.grid-label-36 .control-input {
	margin-left: 37em;
}
.grid-label-37 .control-label {
	width: 38em;
}
.grid-label-37 .control-input {
	margin-left: 38em;
}
.grid-label-38 .control-label {
	width: 39em;
}
.grid-label-38 .control-input {
	margin-left: 39em;
}
.grid-label-39 .control-label {
	width: 40em;
}
.grid-label-39 .control-input {
	margin-left: 40em;
}
.grid-label-40 .control-label {
	width: 41em;
}
.grid-label-40 .control-input {
	margin-left: 41em;
}
.grid-label-41 .control-label {
	width: 42em;
}
.grid-label-41 .control-input {
	margin-left: 42em;
}
.grid-label-42 .control-label {
	width: 43em;
}
.grid-label-42 .control-input {
	margin-left: 43em;
}
.grid-label-43 .control-label {
	width: 44em;
}
.grid-label-43 .control-input {
	margin-left: 44em;
}
.grid-label-44 .control-label {
	width: 45em;
}
.grid-label-44 .control-input {
	margin-left: 45em;
}
.grid-label-45 .control-label {
	width: 46em;
}
.grid-label-45 .control-input {
	margin-left: 46em;
}
.grid-label-46 .control-label {
	width: 47em;
}
.grid-label-46 .control-input {
	margin-left: 47em;
}
.grid-label-47 .control-label {
	width: 48em;
}
.grid-label-47 .control-input {
	margin-left: 48em;
}
.grid-label-48 .control-label {
	width: 49em;
}
.grid-label-48 .control-input {
	margin-left: 49em;
}
.grid-label-49 .control-label {
	width: 50em;
}
.grid-label-49 .control-input {
	margin-left: 50em;
}
.grid-label-50 .control-label {
	width: 51em;
}
.grid-label-50 .control-input {
	margin-left: 51em;
}
.grid-label-51 .control-label {
	width: 52em;
}
.grid-label-51 .control-input {
	margin-left: 52em;
}
.grid-label-52 .control-label {
	width: 53em;
}
.grid-label-52 .control-input {
	margin-left: 53em;
}
.grid-label-53 .control-label {
	width: 54em;
}
.grid-label-53 .control-input {
	margin-left: 54em;
}
.grid-label-54 .control-label {
	width: 55em;
}
.grid-label-54 .control-input {
	margin-left: 55em;
}
.grid-label-55 .control-label {
	width: 56em;
}
.grid-label-55 .control-input {
	margin-left: 56em;
}
/********** end (label的长度动态变化) **********/

/********** 提醒 begin **********/
/* 1、tips_noNull 非空提醒 begin */
.qaCard .control-label i.not-null {
    margin-right: 4px;
    font-size: 16px;
    color: red;
    vertical-align: middle;
}
/* 1、tips_noNull 非空提醒 end */
/* 2、text_warn 文字警告提醒 begin */
.qaCard .text-success {
	color: #008B8B;
}
.qaCard .text-warning {
	color: #ff8300;
}
/* 2、text_warn 文字警告提醒 end */
/* 3、tips_icon 图标提醒 begin */
.qaCard .control-icon {
	position: absolute;
	top: 8px;
	width: 20px;
	font-size: 20px;
	color: #00E0BF;
	cursor: pointer;
}
.qaCard .control-icon-1 {
	right: 0;
}
.qaCard .control-icon-2 {
	margin-left: 10px;
}
/* 3、tips_icon 图标提醒 end */
/********** 提醒 end *********/

/********** 校验 begin **********/
/* 1、border_warn 边框警告 begin */
.qaCard .border-success {
	border-color: #008B8B;
}
.qaCard .border-warning {
	border-color: #ff8300;
}
/* 1、border_warn 边框警告 end */
/********** 校验 end **********/


/* 暂未使用 begin */
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ff8300;
}
.has-warning .form-control {
  border-color: #ff8300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #ff9600;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffaa33;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffaa33;
}
.has-warning .input-group-btn button{
	color: #ff8300;
	background-color: #fcf8e3;
	border-color: #ff8300;
}
.has-warning .input-group-btn button.btn-default:hover,
.has-warning .input-group-btn button.btn-default:focus {
    background-color: #ff8300;
    border-color: #ff8300;
    color: #fff;
}
/* 暂未使用 end */